
@import url(http://fonts.googleapis.com/css?family=Titillium+Web);
@import url(http://fonts.googleapis.com/css?family=Bubblegum+Sans);
/* Formatacao dos itens principais da página*/
body {
font-family: arial, sans-serif;		
background-color: black;
color: rgba(0,0,0,1);
}
a {
color:#0000CD;				
text-decoration: none;				
}
a:hover {
text-decoration: underline;

}

p {
text-align: justify;
text-indent: 50px;
font-size: 15px;
font-family: ms reference sans serif;

}
h1 {
font-size: 30px;
margin-bottom: 0px;

}
h2 {
font-size: 25px;
margin-top: 0px;
}
h3 {
font-size: 20px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
/* Formatacao da interface principal*/
div#interface {
width: 950px;
background-color: #ffffff; 
margin: -20px auto 0px auto; 
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
padding: 60px 60px 60px 60px; 
}
/* Formatacao do cabeçalho*/
header#cabecalho img#icone {
position: absolute; 
top: 10px; 
left: 200px;

}
header#cabecalho {
border-bottom: 1px #CD2626 solid;
height: 150px;

}
header#cabecalho h1{
font-family: 'Bubblegum Sans', cursive;
font-size: 30pt;
color:#CD2626;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
padding: 0px;
margin: 50px;
margin-bottom: 0px;
text-align:right;

}
header#cabecalho h2{
font-family: 'Titillium Web', sans-serif;
font-size: 18pt;
color:#CD2626;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
padding: 0px;
margin: 50px;
margin-top: 0px;
text-align:right;
}

/* Formatacao de imagens com legenda*/
figure.foto-legenda {
position: relative;
border: 8px solid white;
box-shadow: 1px, 1px, 4px, black;
}
figure.foto-legenda img {
width: 100%;
height: 100%;
}
figure.foto-legenda figcaption {
opacity: 0;
position: absolute;
top: 0px;
background-color: rgba(0, 0, 0, 0.15);
color: white;
width: 100%;
height: 100%;
padding: 30px; 
box-sizing: border-box;
transition: opacity 1s;
}
figure.foto-legenda:hover figcaption {
opacity: 1;
}

/* formatação das divisões da página */
section#corpo {
display: block; 				
width: 500px;				
float: left;				
border-right: 1px solid #CD2626;		
padding-right: 15px;			
}
article#noticia-principal h2 {
font-size: 13pt;				
color: #606060;				
background-color: #dddddd;		
padding: 5px 0px 5px 10px;	
margin: 10px 0px 10px 0px;	
}
header#cabecalho-artigo h1 {
font-family: ‘FonteLogo’, sans-serif;		
font-size: 20pt;					
color: #606060;					
margin-bottom: 0px;			
margin-top: 0px;			
} 
header#cabecalho-artigo h2 {
font-size: 13pt;			
color: #cecece;				
background-color: #ffffff;		
margin: 0px;					
}

header#cabecalho-artigo h3 {
font-size: 13px;				
color: #606060;				
}

.direita {
text-align: right;			
}

aside#lateral {
display: block;
width: 395px;
float: right;
background-color: #dddddd;				
padding: 10px;						
margin-top: 10px;				
box-shadow: 2px 2px 2px rgba(0,0,0,.50);		
}
aside#lateral h1 {
font-family: ‘FonteLogo’, sans-serif;
font-size: 20pt;
color: #606060;
margin-top: 0px;
}
 
aside#lateral h2 {
background-color: #606060;
font-size: 13pt;
color: #ffffff;
padding: 5px;
}

footer#rodape {
clear: both;				
border-top: 1px solid #CD2626;		
}
footer#rodape p {
text-align: center;			
}


img#icone {
width: 250px;   
height: 250px;
margin-top: 10px;  
margin-right: -600px;

}


img#contato {
width: 300px;   
height: 300px;
margin-top: 10px;  
margin-right: -600px;
}
nav#menu {
display: block;
}
nav#menu ul {
list-style: none;
text-transform: uppercase;
position: absolute;
top: 17px;
left: 420px;
font-family: Comic Sans MS;
}
nav#menu li{
display: inline-block;
background-color: #660033;
padding: 10px;
margin: 3px;
transition: background-color 1s;
}
nav#menu h1 {
display: none;
}
nav#menu li:hover {
background-color: #CC0033;
}
nav#menu a {
color:  #FFFFFF;
text-decoration: none;
}
nav#menu a:hover {
color: #ffffff;
text-decoration: underline;
}
